import { Suspense } from 'react'
import ReactDOM from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import { Provider } from 'react-redux'
import App from './App.jsx'
import Loading from './component/Loading.jsx'
import store from './store'

import './index.css'
import './tools/adaptive'
import '@fontsource/roboto/300.css';
import '@fontsource/roboto/400.css';
import '@fontsource/roboto/500.css';
import '@fontsource/roboto/700.css';




ReactDOM.createRoot(document.getElementById('root')).render(
  // <React.StrictMode>
    <Provider store={store}>
      <Suspense fallback={<Loading open={true}></Loading>}>
        <BrowserRouter>
          <App />
        </BrowserRouter>

      </Suspense>
    </Provider>
  // </React.StrictMode>,
)
